/*donghua*/
@media screen and (min-width:1025px) and (max-width:200000px){
#list_nav ul li .text_list_nav,#list_nav ul li .text_list_nav p,#list_nav ul li .zhezhao2,#list_nav ul li img,.xianxs,.icons_list a img,.icons_list a span,#icon_images .swiper-pagination span,.case_title_lists a,.case_loop .case_pic  figcaption,.case_loop li:hover .case_pic img,.vedio_btn,.vedio_btn .icon,.vedio_url,.form_contact_left #commentform-park #submit,.donghua .index_boxs .text_video_title,.donghua .index_boxs  .list_nav_title,.donghua .index_boxs .swiper-container,.donghua .index_boxs .form_contact,.header,.header .nav,.header_nav_move_btn i{-moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s;}


.donghua .index_boxs .text_video_title,.donghua .index_boxs .list_nav_title,.donghua .index_boxs  .list_nav_title{-moz-transform:translate(0,100px);-webkit-transform:translate(0,100px);-o-transform:translate(0,100px);transform:translate(0,100px); opacity: 0;}

.donghua .index_boxs.dong .text_video_title,.donghua .index_boxs.dong .list_nav_title,.donghua .index_boxs.dong  .list_nav_title{-moz-transform:translate(0,0);-webkit-transform:translate(0,100px);-o-transform:translate(0,0);transform:translate(0,0); opacity: 1;}

.donghua .index_boxs .bottom_video_in img{-moz-transition:all 0.8s ease-out 1s;-webkit-transition:all 0.8s ease-out 1s;-o-transition:all 0.8s ease-out 1s;transition:all 0.8s ease-out 1s;}

.donghua .index_boxs .bottom_video_in img{-moz-transform:translate(0,-100px);-webkit-transform:translate(0,100px);-o-transform:translate(0,100px);transform:translate(0,100px); opacity: 0;}

.donghua .index_boxs .bottom_video .text_video_ba_img{-moz-transition:all 0.8s ease-out 0.6s;-webkit-transition:all 0.8s ease-out 0.6s;-o-transition:all 0.8s ease-out 0.6s;transition:all 0.8s ease-out 0.6s;}

.donghua .index_boxs .bottom_video .text_video_ba_img{-moz-transform:translate(0,-100px);-webkit-transform:translate(0,-100px);-o-transform:translate(0,-100px);transform:translate(0,-100px);opacity: 0;}

.donghua .index_boxs .text_bn div{-moz-transition:all 0.8s ease-out 1.5s;-webkit-transition:all 0.8s ease-out 1.5s;-o-transition:all 0.8s ease-out 1.5s;transition:all 0.8s ease-out 1.5s;}

.donghua .index_boxs .text_bn .left_text_bn1,.donghua .index_boxs .text_bn .left_text_bn2{-moz-transform:translate(300px,0);-webkit-transform:translate(300px,0);-o-transform:translate(300px,0);transform:translate(300px,0);opacity: 0; }

.donghua .index_boxs .text_bn .right_text_bn1,.donghua .index_boxs .text_bn .right_text_bn2{-moz-transform:translate(-300px,0);-webkit-transform:translate(-300px,0);-o-transform:translate(-300px,0);transform:translate(-300px,0);opacity: 0; }

.donghua .index_boxs.dong .bottom_video .text_video_ba_img,.donghua .index_boxs.dong .bottom_video .text_video_ba_img,.donghua .index_boxs.dong .text_bn div,.donghua .index_boxs.dong .bottom_video_in img,.donghua .index_boxs.dong .list_nav_ul li,.donghua .index_boxs.dong .swiper-container,.donghua .index_boxs.dong .form_contact{-moz-transform:translate(0,0);-webkit-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);opacity:1;}


.donghua .index_boxs .list_nav_ul li:nth-child(1){-moz-transition:all 0.5s ease-out 0.5s;-webkit-transition:all 0.5s ease-out 0.5s;-o-transition:all 0.5s ease-out 0.5s;transition:all 0.5s ease-out 0.5s;}

.donghua .index_boxs .list_nav_ul li:nth-child(2){-moz-transition:all 0.5s ease-out 0.8s;-webkit-transition:all 0.5s ease-out 0.8s;-o-transition:all 0.5s ease-out 0.8s;transition:all 0.5s ease-out 0.8s;}
.donghua .index_boxs .list_nav_ul li:nth-child(3){-moz-transition:all 0.8s ease-out 1.1s;-webkit-transition:all 0.5s ease-out 1.1s;-o-transition:all 0.5s ease-out 1.1s;transition:all 0.5s ease-out 1.1s;}

.donghua .index_boxs .list_nav_ul li:nth-child(4){-moz-transition:all 0.5s ease-out 1.4s;-webkit-transition:all 0.5s ease-out 1.4s;-o-transition:all 0.5s ease-out 1.4s;transition:all 0.5s ease-out 1.4s;}

.donghua .index_boxs .list_nav_ul li:nth-child(5){-moz-transition:all 0.5s ease-out 1.7s;-webkit-transition:all 0.5s ease-out 1.7s;-o-transition:all 0.5s ease-out 1.7s;transition:all 0.5s ease-out 1.7s;}

.donghua .index_boxs .list_nav_ul li:nth-child(6){-moz-transition:all 0.5s ease-out 2s;-webkit-transition:all 0.5s ease-out 2s;-o-transition:all 0.5s ease-out 2s;transition:all 0.5s ease-out 2s;}


.donghua .index_boxs .list_nav_ul li:nth-child(7){-moz-transition:all 0.5s ease-out 2.3s;-webkit-transition:all 0.5s ease-out 2.3s;-o-transition:all 0.5s ease-out 2.3s;transition:all 0.5s ease-out 2.3s;}


.donghua .index_boxs .list_nav_ul li:nth-child(8){-moz-transition:all 0.5s ease-out 2.6s;-webkit-transition:all 0.5s ease-out 2.6s;-o-transition:all 0.5s ease-out 2.6s;transition:all 0.5s ease-out 2.6s;}

.donghua .index_boxs .list_nav_ul li:nth-child(9){-moz-transition:all 0.5s ease-out 2.9s;-webkit-transition:all 0.5s ease-out 2.9s;-o-transition:all 0.5s ease-out 2.9s;transition:all 0.5s ease-out 2.9s;}

.donghua .index_boxs .list_nav_ul li:nth-child(10){-moz-transition:all 0.5s ease-out 3.2s;-webkit-transition:all 0.5s ease-out 3.2s;-o-transition:all 0.5s ease-out 3.2s;transition:all 0.5s ease-out 3.2s;}

.donghua .index_boxs .list_nav_ul li:nth-child(11){-moz-transition:all 0.5s ease-out 3.5s;-webkit-transition:all 0.5s ease-out 3.5s;-o-transition:all 0.5s ease-out 3.5s;transition:all 0.5s ease-out 3.5s;}

.donghua .index_boxs .list_nav_ul li:nth-child(12){-moz-transition:all 0.5s ease-out 3.8s;-webkit-transition:all 0.5s ease-out 3.8s;-o-transition:all 0.5s ease-out 3.8s;transition:all 0.5s ease-out 3.8s;}


.donghua .index_boxs .list_nav_ul li{-moz-transform:translate(-100px,0);-webkit-transform:translate(-100px,0);-o-transform:translate(-100px,0);transform:translate(-100px,0);opacity: 0;}


.donghua .index_boxs .swiper-container,.donghua .index_boxs .form_contact{-moz-transform:translate(0,-100px);-webkit-transform:translate(0,-100px);-o-transform:translate(0,-100px);transform:translate(0,-100px);opacity: 0;}

}
/*donghua*/


@-webkit-keyframes trackBallSlide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  6% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  14% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  15%, 19% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  28%, 29.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  36% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  44% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  45%, 49% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  58%, 59.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  66% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  74% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  75%, 79% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  88%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
}
@keyframes trackBallSlide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  6% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  14% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  15%, 19% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  28%, 29.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  36% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  44% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  45%, 49% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  58%, 59.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  66% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  74% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  75%, 79% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  88%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
}